// const path = require('path') // 自己添加的
// module.exports = {
//   lintOnSave: false,
//   pluginOptions: {
//     'style-resources-loader': {
//       preProcessor: 'less',
//       patterns: [
//           path.resolve(__dirname, './src/assets/css/common.less')  // 自己添加的, less全局变量所在文件
//       ] 
//     }
//   }
// }
// vue.config.js
// ssa-publicity
const path = require("path");
//less文件的路径
const myTheme = path.resolve(__dirname, "./src/assets/css/variablesColor.less");
module.exports = { 
  publicPath: process.env.NODE_ENV === 'production' ? '/ssa-publicity' : '/',
  lintOnSave: false,
  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      scss: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.sass` 这个文件
        // 注意：在 sass-loader v8 中，这个选项名是 "prependData"
        additionalData: `@import "~@/assets/css/variables.scss";`
      },
      // 给 less-loader 传递 Less.js 相关选项
      less:{
        // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
        // `primary` is global variables fields name
        // globalVars: {
        //  
        // },
        modifyVars: {
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${myTheme}";`
        },
      }
    }
  },
  lintOnSave: false,//121211

}